import axios from 'axios'
import router from "@/router";

// 创建可一个新的axios对象
const request = axios.create({
    baseURL: process.env.VUE_APP_BASEURL,   // 后端的接口地址  ip:port
    timeout: 30000                          // 30s请求超时
})

// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(config => {
    config.headers['Content-Type'] = 'application/json;charset=utf-8';        // 设置请求头格式
    let user = JSON.parse(localStorage.getItem("xm-user") || '{}')  // 获取缓存的用户信息
    config.headers['token'] = user.token  // 设置请求头

    // 详细请求日志
    console.log('Request:', {
        url: config.url,
        method: config.method,
        params: config.params,
        data: config.data
    });
    
    return config
}, error => {
    console.error('request error: ', error) // for debug
    return Promise.reject(error)
});

// response 拦截器
// 可以在接口响应后统一处理结果
request.interceptors.response.use(
    response => {
        let res = response.data;
        
        // 详细响应日志
        console.log('Response:', {
            url: response.config.url,
            status: response.status,
            data: res
        });

        // 兼容服务端返回的字符串数据
        if (typeof res === 'string') {
            res = res ? JSON.parse(res) : res
        }
        if (res.code === '401') {
            router.push('/login')
        }
        return res;
    },
    error => {
        console.error('response error: ', error, error.response) // for debug
        
        // 更友好的错误信息
        let errorMsg = '请求失败';
        if (error.response) {
            errorMsg = `请求失败: ${error.response.status} - ${error.response.statusText}`;
        } else if (error.request) {
            errorMsg = '服务器无响应，请检查网络连接';
        } else {
            errorMsg = `请求配置错误: ${error.message}`;
        }
        
        // 显示错误信息
        console.error(errorMsg);
        
        return Promise.reject(error)
    }
)

export default request